<template>
  <div @click="boxFn">
    <button @click.stop="oneFn">.stop-阻止事件冒泡</button>
    <a href="http://www.baidu.com" @click.prevent="btn">.prevent阻止默认行为</a>
    <!-- .once - 程序运行期间, 只触发一次事件处理函数 -->
    <button @click.once="btn">点击观察事件处理函数执行几次</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      boxFn() {
        console.log("box");
      },
      oneFn() {
        console.log("p标签点击了");
      },
      btn() {
        console.log(".prevent阻止默认");
      },
    };
  },
};
</script>

<style>
</style>